.home {
  background-color: #f0f2f5;
  padding: 0px 10px;
  border-top: 1px solid #f0f2f5;
}

.home .record {
  background-color: #fff;
  padding-top: 20px;
  padding: 20px;
}

.head{
  width: 100%;
  height: 20%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.todaySvisitor{
  display: flex;
}
.tubiao{
  width: 160px;
  height: 90px;
  background-color: #54adeb;
  border-radius: 15px;
}
.jin{
  width: 220px;
  height: 90px;
  background-color: #fff;
  border-top-right-radius:15px ;
  border-bottom-right-radius:15px ;
}
.title{
  margin-left: 8px;
  color: #fff;
}
.fonts{
  text-align: center;
  line-height: 45px;
  font-size: 60px;
  font-weight: 900;
  color: #fff;
}

.shen{
  margin-top: 40px;
  margin-left: 10px;
}
.tong{
  margin-left: 10px;
}

.head1{
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.head2{
  display: flex;
}

.tubiao2{
  width: 160px;
  height: 90px;
  background-color: #fa5822;
  border-radius: 15px;
}
.tubiao3{
  width: 160px;
  height: 90px;
  background-color: #009789;
  border-radius: 15px;
}
.tubiao4{
  width: 160px;
  height: 90px;
  background-color: #f7b824;
  border-radius: 15px;
}
.tubiao5{
  width: 160px;
  height: 90px;
  background-color: #304156;
  border-radius: 15px;
  margin-left: 75px;
}

// .list1{
//   width: 100%;
// }



.home .table .header {
  padding: 18px 20px;
  background-color: #fff;
  margin-top: 30px;
  margin-bottom: 1px;
}
.home .table .body {
  background-color: #fff;
  padding: 20px;
  display: flex;
}
.home .table .body .box {
  display: flex;
  margin-left: 35px;
}
.home .table .body .box span {
  font-weight: 700;
  font-size: 16px;
}
.home .table .body .box .ant-table-thead > tr > th {
  width: 170px;
  font-weight: 700;
  color: #909399;
}

// 图标
.examples{
    width:80% !important;
    height:400px !important;
}